<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册新的账号</title>
    <link rel="stylesheet" href="css/register.css">
    <link rel="stylesheet" href="css/register-email.css">
</head>

<body>
    <div id="swap">
        <div id="header_box">
            <div id="header">
                <a href="homePage.html">
                    <img src="img/header_logo.png" alt="Logo" border="0">
                </a>
            </div>
        </div>

        <div id="mainbox">
            <div id="content_title">
                <h1>&nbsp;&nbsp;注册
                    <font>注册新的帐号</font>
                </h1>

                <span class="webnav" onmouseover="mousOver(this)" onmouseout="mousOut(this)">
                    <span class="icon_arr"> 简体中文 (中国) </span>
                    <div class="jq_hidebox">
                        <div class="language_option_ar_sa_ltr">
                            <a href="javascript:changeLanguage('zh_CN');" title="简体中文 (中国)">
                                简体中文 (中国)
                            </a>
                        </div>
                        <div class="language_option_ar_sa_ltr">
                            <a href="javascript:changeLanguage('en_US');" title="English (United States)">
                                English (United States)
                            </a>
                        </div>
                        <div class="language_option_ar_sa_ltr">
                            <a href="javascript:changeLanguage('fr_FR');" title="français (France)">
                                français (France)
                            </a>
                        </div>
                        <div class="language_option_ar_sa_ltr">
                            <a href="javascript:changeLanguage('de_DE');" title="Deutsch (Deutschland)">
                                Deutsch (Deutschland)
                            </a>
                        </div>
                        <div class="language_option_ar_sa_ltr">
                            <a href="javascript:changeLanguage('it_IT');" title="italiano (Italia)">
                                italiano (Italia)
                            </a>
                        </div>
                        <div class="language_option_ar_sa_ltr">
                            <a href="javascript:changeLanguage('es_ES');" title="español (España)">
                                español (España)
                            </a>
                        </div>
                        <div class="language_option_ar_sa_ltr">
                            <a href="javascript:changeLanguage('ru_RU');" title="Русский (Россия)">
                                Русский (Россия)
                            </a>
                        </div>
                        <div class="language_option_ar_sa_ltr">
                            <a href="javascript:changeLanguage('tr_TR');" title="Türkçe (Türkiye)">
                                Türkçe (Türkiye)
                            </a>
                        </div>
                        <div class="language_option_ar_sa_ltr">
                            <a href="javascript:changeLanguage('pt_BR');" title="português (Brasil)">
                                português (Brasil)
                            </a>
                        </div>
                        <div class="language_option_ar_sa_ltr">
                            <a href="javascript:changeLanguage('th_TH');" title="ไทย (ภาษาไทย)">
                                ไทย (ภาษาไทย)
                            </a>
                        </div>
                        <div class="language_option_ar_sa_ltr">
                            <a href="javascript:changeLanguage('es_MX');" title="español (México)">
                                español (México)
                            </a>
                        </div>
                        <div class="language_option_ar_sa_ltr">
                            <a href="javascript:changeLanguage('ja_JP');" title="日本語 (日本)">
                                日本語 (日本)
                            </a>
                        </div>
                        <div class="language_option_ar_sa_ltr">
                            <a href="javascript:changeLanguage('pl_PL');" title="polski (Polska)">
                                polski (Polska)
                            </a>
                        </div>
                        <div class="language_option_ar_sa_ltr">
                            <a href="javascript:changeLanguage('in_ID');" title="Bahasa Indonesia (Indonesia)">
                                Bahasa Indonesia (Indonesia)
                            </a>
                        </div>
                        <div class="language_option_ar_sa_ltr">
                            <a href="javascript:changeLanguage('my_MM');" title="Burmese (Myanmar)">
                                Burmese (Myanmar)
                            </a>
                        </div>
                        <div class="language_option_ar_sa_rtl">
                            <a href="javascript:changeLanguage('ar_SA');" title="العربية (المملكة العربية السعودية )">
                                العربية (المملكة العربية السعودية )
                            </a>
                        </div>
                        <div class="language_option_ar_sa_ltr">
                            <a href="javascript:changeLanguage('vi_VN');" title="Tiếng Việt (Việt Nam)">
                                Tiếng Việt (Việt Nam)
                            </a>
                        </div>

                        <div class="language_option_ar_sa_rtl">
                            <a href="javascript:changeLanguage('fa_IR');" title="فارسی (ایران)">
                                فارسی (ایران)
                            </a>
                        </div>
                        <div class="language_option_ar_sa_ltr">
                            <a href="javascript:changeLanguage('en_MY');" title="English (Malaysia)">
                                English (Malaysia)
                            </a>
                        </div>
                    </div>
                </span>

                <span style="direction: ltr;">
                    <a href="login-no.html"> 登录</a>&nbsp;&nbsp;|
                </span>

            </div>
            <div id="content">
                <div id="content_top"></div>
                <div class="register_pw">
                    <div class="reset_tab_box">
                        <span class="set_ontab" id="js_tabon">
                            <a href="register-email.html">邮箱注册</a>
                        </span>
                        <span class="set_offtab" id="tab_phone">
                            <a href="register-phone.html">手机注册</a>
                        </span>
                    </div>
                    <div class="register_main_box">
                        <div class="register_message"></div>

                        <div class="register_oneline">
                            <div class="register_text">
                                帐号
                                <span class="register_redstar">*</span>
                            </div>
                            <input type="text" size="30" tabindex="1" class="inputBgLine register_input"
                                id="registerVO.userId" onblur="useridVerification(this)" onclick="inputNoClick(this)">
                            <span class="redtips white-space-text" id="spanuinfo"></span>
                        </div>

                        <div class="register_oneline">
                            <div class="register_text">
                                电子邮箱
                                <span class="register_redstar">*</span>
                            </div>
                            <input type="text" size="30" tabindex="2" value="" class="inputBgLine register_input"
                                id="registerVO.email" onblur="emailVerification(this)">
                            <span class="redtips" id="spanmailinfo"></span>
                        </div>

                        <div class="register_oneline" id="pwdContent">
                            <div class="register_text">
                                密码
                                <span class="register_redstar">*</span>
                            </div>
                            <input type="password" size="30" tabindex="4" value=""
                                style="padding-right: 40px; width: 195px; display: block;"
                                class="inputBgLine register_input" id="registerVO.password"
                                onblur="pwVerification(this)">
                            <input tabindex="4" type="text" id="showPwd" class="showPwd" style="display: none;"
                                size="30" onblur="pwVerification(this)">
                            <span class="redtips" style="margin-left: -30px;">
                                <div class="fa-eye" id="pwdeye" onclick="switchDisplay(this)"></div>
                            </span>
                            <span class="redtips" id="spanpwdinfo">
                            </span>
                        </div>

                        <div class="register_oneline">
                            <div class="register_text">
                                姓
                                <span class="register_redstar">*</span>
                            </div>
                            <input type="text" size="30" tabindex="6" value="" onblur="checkSurName(this);"
                                class="inputBgLine register_input" id="registerVO.surname">
                            <span class="redtips" id="spansurnameinfo"></span>
                        </div>

                        <div class="register_oneline">
                            <div class="register_text">
                                名
                                <span class="register_redstar">*</span>
                            </div>
                            <input type="text" size="30" tabindex="7" value="" onblur="checkGivenName(this)"
                                class="inputBgLine register_input" id="registerVO.givenname">
                            <span class="redtips" id="spangivennameinfo">

                            </span>
                        </div>

                        <div class="register_oneline">
                            <div class="register_text">国家/地区
                                <span class="register_redstar">*</span>
                            </div>
                            <select id="countryCodeSelect" tabindex="1" class="inputBgLine register_select" onchange="country(this)">
                                <option value="">--请选择--</option>
                                <option value="阿尔巴尼亚 (+355)">阿尔巴尼亚</option>
                                <option value="阿尔及利亚 (+213)">阿尔及利亚</option>
                                <option value="阿富汗 (+93)">阿富汗</option>
                                <option value="阿根廷 (+54)">阿根廷</option>
                                <option value="阿拉伯联合酋长国 (+971)">阿拉伯联合酋长国</option>
                                <option value="阿曼 (+968)">阿曼</option>
                                <option value="阿塞拜疆 (+994)">阿塞拜疆</option>
                                <option value="埃及 (+20)">埃及</option>
                                <option value="埃塞俄比亚 (+251)">埃塞俄比亚</option>
                                <option value="爱尔兰 (+353)">爱尔兰</option>
                                <option value="爱沙尼亚 (+372)">爱沙尼亚</option>
                                <option value="安道尔共和国 (+376)">安道尔共和国</option>
                                <option value="安哥拉 (+244)">安哥拉</option>
                                <option value="安提瓜和巴布达 (+1268)">安提瓜和巴布达</option>
                                <option value="奥地利 (+43)">奥地利</option>
                                <option value="澳大利亚 (+61)">澳大利亚</option>
                                <option value="巴布亚新几内亚 (+675)">巴布亚新几内亚</option>
                                <option value="巴哈马 (+1242)">巴哈马</option>
                                <option value="巴基斯坦 (+92)">巴基斯坦</option>
                                <option value="巴拉圭 (+595)">巴拉圭</option>
                                <option value="巴林 (+973)">巴林</option>
                                <option value="巴拿马 (+507)">巴拿马</option>
                                <option value="巴西 (+55)">巴西</option>
                                <option value="白俄罗斯 (+375)">白俄罗斯</option>
                                <option value="保加利亚 (+359)">保加利亚</option>
                                <option value="贝宁 (+229)">贝宁</option>
                                <option value="比利时 (+32)">比利时</option>
                                <option value="冰岛 (+354)">冰岛</option>
                                <option value="波兰 (+48)">波兰</option>
                                <option value="波斯尼亚黑塞哥维那 (+387)">波斯尼亚黑塞哥维那</option>
                                <option value="玻利维亚 (+591)">玻利维亚</option>
                                <option value="伯利兹 (+501)">伯利兹</option>
                                <option value="博茨瓦纳 (+267)">博茨瓦纳</option>
                                <option value="不丹 (+975)">不丹</option>
                                <option value="布基纳法索 (+226)">布基纳法索</option>
                                <option value="布隆迪 (+257)">布隆迪</option>
                                <option value="朝鲜 (+850)">朝鲜</option>
                                <option value="赤道几内亚 (+240)">赤道几内亚</option>
                                <option value="丹麦 (+45)">丹麦</option>
                                <option value="德国 (+49)">德国</option>
                                <option value="多哥 (+228)">多哥</option>
                                <option value="多米尼加共和国 (+1809)">多米尼加共和国</option>
                                <option value="俄罗斯 (+7)">俄罗斯</option>
                                <option value="厄瓜多尔 (+593)">厄瓜多尔</option>
                                <option value="法国 (+33)">法国</option>
                                <option value="菲律宾 (+63)">菲律宾</option>
                                <option value="斐济 (+679)">斐济</option>
                                <option value="芬兰 (+358)">芬兰</option>
                                <option value="冈比亚 (+220)">冈比亚</option>
                                <option value="刚果 (+242)">刚果</option>
                                <option value="哥伦比亚 (+57)">哥伦比亚</option>
                                <option value="哥斯达黎加 (+506)">哥斯达黎加</option>
                                <option value="格林纳达 (+1473)">格林纳达</option>
                                <option value="格鲁吉亚 (+995)">格鲁吉亚</option>
                                <option value="古巴 (+53)">古巴</option>
                                <option value="圭亚那 (+592)">圭亚那</option>
                                <option value="哈萨克斯坦 (+7)">哈萨克斯坦</option>
                                <option value="海地 (+509)">海地</option>
                                <option value="韩国 (+82)">韩国</option>
                                <option value="荷兰 (+31)">荷兰</option>
                                <option value="荷属安的列斯 (+599)">荷属安的列斯</option>
                                <option value="黑山共和国 (+382)">黑山共和国</option>
                                <option value="洪都拉斯 (+504)">洪都拉斯</option>
                                <option value="吉布提 (+253)">吉布提</option>
                                <option value="吉尔吉斯坦 (+996)">吉尔吉斯坦</option>
                                <option value="几内亚 (+224)">几内亚</option>
                                <option value="加拿大 (+1)">加拿大</option>
                                <option value="加纳 (+233)">加纳</option>
                                <option value="加蓬 (+241)">加蓬</option>
                                <option value="柬埔寨 (+855)">柬埔寨</option>
                                <option value="捷克 (+420)">捷克</option>
                                <option value="津巴布韦 (+263)">津巴布韦</option>
                                <option value="喀麦隆 (+237)">喀麦隆</option>
                                <option value="卡塔尔 (+974)">卡塔尔</option>
                                <option value="科特迪瓦 (+225)">科特迪瓦</option>
                                <option value="科威特 (+965)">科威特</option>
                                <option value="克罗地亚 (+385)">克罗地亚</option>
                                <option value="肯尼亚 (+254)">肯尼亚</option>
                                <option value="库拉索 (+599)">库拉索</option>
                                <option value="拉脱维亚 (+371)">拉脱维亚</option>
                                <option value="莱索托 (+266)">莱索托</option>
                                <option value="老挝 (+856)">老挝</option>
                                <option value="黎巴嫩 (+961)">黎巴嫩</option>
                                <option value="立陶宛 (+370)">立陶宛</option>
                                <option value="利比里亚 (+231)">利比里亚</option>
                                <option value="利比亚 (+218)">利比亚</option>
                                <option value="列支敦士登 (+423)">列支敦士登</option>
                                <option value="卢森堡 (+352)">卢森堡</option>
                                <option value="卢旺达共和国 (+250)">卢旺达共和国</option>
                                <option value="罗马尼亚 (+40)">罗马尼亚</option>
                                <option value="马达加斯加 (+261)">马达加斯加</option>
                                <option value="马尔代夫 (+960)">马尔代夫</option>
                                <option value="马耳他 (+356)">马耳他</option>
                                <option value="马拉维 (+265)">马拉维</option>
                                <option value="马来西亚 (+60)">马来西亚</option>
                                <option value="马里 (+223)">马里</option>
                                <option value="马其顿 (+389)">马其顿</option>
                                <option value="毛里求斯 (+230)">毛里求斯</option>
                                <option value="毛里塔尼亚 (+222)">毛里塔尼亚</option>
                                <option value="美国 (+1)">美国</option>
                                <option value="蒙古 (+976)">蒙古</option>
                                <option value="孟加拉国 (+880)">孟加拉国</option>
                                <option value="秘鲁 (+51)">秘鲁</option>
                                <option value="缅甸 (+95)">缅甸</option>
                                <option value="民主刚果 (+243)">民主刚果</option>
                                <option value="摩尔多瓦 (+373)">摩尔多瓦</option>
                                <option value="摩洛哥 (+212)">摩洛哥</option>
                                <option value="摩纳哥 (+377)">摩纳哥</option>
                                <option value="莫桑比克 (+258)">莫桑比克</option>
                                <option value="墨西哥 (+52)">墨西哥</option>
                                <option value="纳米比亚 (+264)">纳米比亚</option>
                                <option value="南非 (+27)">南非</option>
                                <option value="尼泊尔 (+977)">尼泊尔</option>
                                <option value="尼加拉瓜 (+505)">尼加拉瓜</option>
                                <option value="尼日尔 (+227)">尼日尔</option>
                                <option value="尼日利亚 (+234)">尼日利亚</option>
                                <option value="挪威 (+47)">挪威</option>
                                <option value="葡萄牙 (+351)">葡萄牙</option>
                                <option value="日本 (+81)">日本</option>
                                <option value="瑞典 (+46)">瑞典</option>
                                <option value="瑞士 (+41)">瑞士</option>
                                <option value="萨尔瓦多 (+503)">萨尔瓦多</option>
                                <option value="塞尔维亚 (+381)">塞尔维亚</option>
                                <option value="塞拉利昂 (+232)">塞拉利昂</option>
                                <option value="塞内加尔 (+221)">塞内加尔</option>
                                <option value="塞浦路斯 (+357)">塞浦路斯</option>
                                <option value="塞舌尔 (+248)">塞舌尔</option>
                                <option value="沙特阿拉伯 (+966)">沙特阿拉伯</option>
                                <option value="圣多美和普林西比 (+239)">圣多美和普林西比</option>
                                <option value="圣马力诺 (+378)">圣马力诺</option>
                                <option value="斯里兰卡 (+94)">斯里兰卡</option>
                                <option value="斯洛伐克 (+421)">斯洛伐克</option>
                                <option value="斯洛文尼亚 (+386)">斯洛文尼亚</option>
                                <option value="斯威士兰 (+268)">斯威士兰</option>
                                <option value="苏丹 (+249)">苏丹</option>
                                <option value="苏里南 (+597)">苏里南</option>
                                <option value="塔吉克斯坦 (+992)">塔吉克斯坦</option>
                                <option value="泰国 (+66)">泰国</option>
                                <option value="坦桑尼亚 (+255)">坦桑尼亚</option>
                                <option value="汤加 (+676)">汤加</option>
                                <option value="特立尼达和多巴哥 (+1868)">特立尼达和多巴哥</option>
                                <option value="突尼斯 (+216)">突尼斯</option>
                                <option value="土耳其 (+90)">土耳其</option>
                                <option value="土库曼斯坦 (+993)">土库曼斯坦</option>
                                <option value="危地马拉 (+502)">危地马拉</option>
                                <option value="委内瑞拉 (+58)">委内瑞拉</option>
                                <option value="文莱 (+673)">文莱</option>
                                <option value="乌干达 (+256)">乌干达</option>
                                <option value="乌克兰 (+380)">乌克兰</option>
                                <option value="乌拉圭 (+598)">乌拉圭</option>
                                <option value="乌兹别克斯坦 (+998)">乌兹别克斯坦</option>
                                <option value="西班牙 (+34)">西班牙</option>
                                <option value="希腊 (+30)">希腊</option>
                                <option value="新加坡 (+65)">新加坡</option>
                                <option value="新西兰 (+64)">新西兰</option>
                                <option value="匈牙利 (+36)">匈牙利</option>
                                <option value="叙利亚 (+963)">叙利亚</option>
                                <option value="牙买加 (+1876)">牙买加</option>
                                <option value="亚美尼亚 (+374)">亚美尼亚</option>
                                <option value="也门 (+967)">也门</option>
                                <option value="伊拉克 (+964)">伊拉克</option>
                                <option value="伊朗 (+98)">伊朗</option>
                                <option value="以色列 (+972)">以色列</option>
                                <option value="意大利 (+39)">意大利</option>
                                <option value="印度 (+91)">印度</option>
                                <option value="印度尼西亚 (+62)">印度尼西亚</option>
                                <option value="英国 (+44)">英国</option>
                                <option value="约旦 (+962)">约旦</option>
                                <option value="越南 (+84)">越南</option>
                                <option value="赞比亚 (+260)">赞比亚</option>
                                <option value="乍得 (+235)">乍得</option>
                                <option value="智利 (+56)">智利</option>
                                <option value="中非共和国 (+236)">中非共和国</option>
                                <option value="中国澳门 (+853)">中国澳门</option>
                                <option selected="selected" value="中国大陆 (+86)">中国大陆</option>
                                <option value="中国台湾 (+886)">中国台湾</option>
                                <option value="中国香港 (+852)">中国香港</option>
                                <option value="其他">其他</option>
                            </select>
                        </div>

                        <div class="register_oneline">
                            <div class="register_text">
                                联系电话
                            </div>
                            <input type="text" size="30" tabindex="2" class="inputBgLine register_countrycode_input"
                                id="registerVO.countryCode" value="+86" onkeyup="inputCode(this)">
                            <input type="text" size="30" tabindex="3" class="inputBgLine register_input"
                                id="registerVO.officePhone" onblur="phoneVerification(this)"
                                style="width: 183px;margin-left: 0px;padding-left: 2px;border-left: 0;">
                            <span class="redtips" id="spanofficephoneinfo"></span>
                        </div>

                        <div class="register_oneline">
                            <div class="register_text"> </div>
                            <input type="checkbox" tabindex="15" class="agree_input" style="margin-left: 20px;"
                                id="registerVO.isVerifiedphone" value="0" onclick="return checkbox(this)">
                            验证手机号(<b>经过验证的手机号可以用于登录或重置密码、修改密码</b>)
                        </div>

                        <div class="register_oneline">
                            <div class="register_text">
                                验证码
                                <span class="register_redstar">*</span>
                            </div>
                            <div class="float_left">
                                <input class="inputBgLine vercode_input1" tabindex="6" type="text" size="8"
                                    id="registerVO.verifycode" onblur="verificationCode(this)">
                            </div>

                            <div class="register_tips" id="js_tab_tips">
                                <a href="">
                                    <img class="code_img" id="verifycodeimage" src="img/randomcode.jpg" title="点击图片换一个">
                                    <img class="code_image_refresh" src="img/refresh.png">
                                </a>
                            </div>
                            <span class="redtip1" id="verifyCapcodeinfo"></span>
                        </div>

                        <div class="register_oneline" id="smsVerification" style="display: none;">
                            <div class="register_text">
                                短信验证码
                                <span class="register_redstar">*</span>
                            </div>
                            <input type="text" tabindex="7" id="registerVO.smsVerifycode" size="5"
                                class="inputBgLine phone_vercode_input" onblur="smsVerification(this)">
                            <input id="sendButton" tabindex="8" type="button" class="inputBgLine phone_button"
                                value="获取验证码">
                            <span class="redtips" id="verifycodeinfo"></span>
                        </div>

                        <div class="register_agree" style="padding:5px 0 0 0;">
                            <div class="register_text" style="width: 11px;"></div>
                            <input type="checkbox" tabindex="9" value="yes" style="margin-left: 10px;"
                                class="agree_input" id="agreement" onclick="check(this)">&nbsp;
                            <span class="register_redstar">*</span>
                            我已阅读并同意
                            <a href="">华为公司用户注册协议</a>和
                            <a href="">隐私声明</a>
                        </div>

                        <div>
                            <span class="redtip1" style="color: red;padding-left:180px;" id="errMsgNotAgreed">
                            </span>
                            <div class="clearBoth"></div>
                        </div>
                        <input tabindex="10" type="button" id="regbtn" class="sub_bottom register_submit"
                            style="margin:10px 0 0 176px;" value="注册" disabled="">
                    </div>
                </div>
                <div
                    style="border-left:1px #e8e8e8 solid;border-right:1px #e8e8e8 solid;padding-top:50px;border-radius:0 0 3px 3px;">
                </div>
                <div style="height: 2px" id="content_bottom"></div>
            </div>
            <div id="footer">
                版权所有&nbsp;©&nbsp;华为技术有限公司 1998-2021。保留一切权利。
                &nbsp;&nbsp;<a href="" style="color:#666666">粤A2-20044005号</a>
            </div>
        </div>
    </div>
</body>
<script src="js/register.js"></script>
<script src="js/register-email.js"></script>

</html>